<html>
<head>
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
    <style>
		.menu {font-weight:bold; font-size:1em; padding:2em}
		tr {line-height:2.5em}
	</style>
</head>
<body bgcolor="#fff8dc">





<center>
    <div style='text-align:center;padding:0.7em'><h1>登录</h1></div>
    &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
    &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
    <span class="menu"><a href="./index.html">返回</a> </span>
    <br>
    <br>
</center>




<script>
        window.onload = function (ev) {
            //1.获取图片对象
            var img = document.getElementById("checkCode");

            //2.绑定单击事件
            img.onclick= function (ev1) {
                //获取时间戳
                var date =new Date().getTime();
                img.src ="./ValidateCodeServlet?"+date;
            }

            var c = document.getElementById("change");
            c.onclick = function (ev1) {
                //获取时间戳
                var date =new Date().getTime();
                img.src ="./ValidateCodeServlet?"+date;
            }
        }
</script>



<center>

    <br>
    <form action="./login" method="POST">
        <table style='background-color:#f0e68c;padding:2em'>
            <tr><td>用户名:</td><td><input type='text' name='user' value=''></td></tr>
            <tr><td>登录密码:</td><td><input type='password' name='password'  value=''></td></tr>
            <tr><td>验证码:</td><td><input type='text' name='code'  value=''></td></tr>
            <tr><td>&nbsp</td><td><img src="./ValidateCodeServlet"></td></tr>
            <tr><td></td><td><a id="change" href="">看不清换一张</a></td></tr>
            <tr><td colspan="2" align="center"><br><input type='submit' value="登录"></td></tr>
        </table>
    </form>
</center>

<center>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
    <span class="menu"><a href="./SignIn.html">还没有账号？点击注册</a> </span>
    <br>
    <br>
</center>
</body>
</html>